import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
//导入bootstrap
import 'bootstrap/dist/css/bootstrap.css'
import 'bootstrap/dist/js/bootstrap.js'
import Antd from 'ant-design-vue';
import 'ant-design-vue/dist/antd.css';
Vue.config.productionTip = false;

Vue.use(Antd);
Vue.config.productionTip = false


//全局过滤器
//Vue.filter('过滤器名字',回调函数(data:管道符前面的内容或者上一个过滤器的返回内容,format:传递的参数))
Vue.filter('setMsg',function(data,format){
  console.log(data,format);
  return data.replace('123','***')
})
Vue.filter('setMsg1',function(data,format){
  console.log(data,format);
  return data.replace('123','***')
})

//全局自定义指令
//Vue.directive('自定义指令的名字'{})
Vue.directive('color',{
  bind(el, binding) {
    console.log(el,binding);//el:指令所绑定的DOM元素，指令第一次绑定到元素时候调用，虚拟DOM
    console.log(binding.value);
    //绑定的属性值
    el.style.color=binding.value;
    // el.focus();
  },

  //当元素渲染到页面上才执行
  inserted(el, binding) {
    console.log(binding);
    el.focus();
  },

  //当元素有更新时候才执行
  update(el, binding) {
    console.log(binding)
    console.log('update');
  }
})








new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
